<html>
	<head>
	
		<style>
			<!-- h1{ -->
				<!-- height:200px; -->
				<!-- width:200px; -->
				<!-- background-color:red; -->
				<!-- color:green; -->
				<!-- margin-left:50px; -->
				<!-- border-radius:20px; -->
				<!-- font-style:italic; -->
			<!-- } -->
		</style>
	</head>
	<body>
	
		<h1>
			求设置样式
			宽高200px背景颜色red;字体颜色green；左边距：50px 圆角20px; 文字倾斜
		</h1>
	
		<script>
			var h1 = document.querySelector("h1")
			// 设置行内样式
			// el.style.属性名称 = 值
			
			h1.style.height = "200px";
			h1.style.width = "200px";
			h1.style.border = "1px solid #ccc"
			h1.style.fontStyle = "italic"
			h1.style.borderRadius = "20px"
			
			<!-- h1.style.cssText = "width:200px;height:200px;background-color:red;" -->
			
			<!-- var back = h1.style.backgroundColor -->
			
			<!-- console.log(back) -->
			
			
		</script>
	</body>

</html>